<?php
date_default_timezone_set('America/Bogota');
?>
<!DOCTYPE html>
<html>
    <head>

        <?php $this->load->view("head"); ?>
        <?php $this->load->view("headGrillas"); ?>
        <title>Impreción de avaluos</title>
    </head>
    <style type="text/css">
        #frmImprimir label{
            display: block;
            font-weight:bolder;
        }
        #frmImprimir button{
            display: block;
        }
        #frmImprimir input{
            margin: .5% 0%;
            width: 100%;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#divObservacion").dialog({
                autoOpen: false,
                width: 580,
                height: 200,
                hide: 'explode',
                close: function(event,ui){$("#frmObservaciones").trigger("reset");},
                modal: true
            });
            //Grilla de topografías
            jQuery("#tbGrillaTopo").jqGrid({
                url: '<?php echo site_url("grillas/visitasAprobados"); ?>',
                datatype: 'json',
                mtype: 'POST',
                colNames:['Imprimir','Vereda','Nombre','Fec. Visita','Fec. Avaluo','Fec. Creación'],
                colModel :[
                    {name:'accion',index:'accion',sortable:false, width:100,align:"center"},
                    {name:'visitaVereda',index:'visitaVereda',sortable:false, width:130},
                    {name:'visitaVeredaNombre',index:'visitaVeredaNombre',sortable:false, width:100,align:"center"},
                    {name:'visitaFechaVisita',index:'visitaFechaVisita',sortable:false, width:100,align:"center"},
                    {name:'visitaFechaAvaluo',index:'visitaFechaAvaluo',sortable:false, width:100,align:"center"},
                    {name:'visitaFechaCreo',index:'visitaFechaCreo', width:300}
                ],
                loadComplete: function(){
                    var ids = jQuery("#tbGrillaTopo").getDataIDs();
                    for(var i=0;i<ids.length;i++){
                        var cl = ids[i];                        
                        var ret = jQuery("#tbGrillaTopo").jqGrid('getRowData',cl);
                        var se1 = "<input type='button' value='Imprimir' onclick=\"imprimir('" + cl + "');\" tittle='Imprimir visita' />";
                        jQuery("#tbGrillaTopo").setRowData(cl,{accion:se1});
                    }
                },
                postData: {
                    avaluoId: function(){return document.getElementById("avaluos").value;}
                },
                autowidth:true,
                pager: jQuery('#divPagTopo'),
                rowNum:10,
                rowList:[10,20,30,50],
                sortname: 'visitaVereda',
                sortorder: "asc",
                viewrecords: true,
                caption: 'Visitas',
                height:160
            });
            //Barra de navegación
            jQuery("#tbGrillaTopo").navGrid('#divPagTopo',{edit:false,add:false,del:false,search:false,view:true});             
            document.getElementById("proyectoId").addEventListener("change",cambioProyecto,false);
<?php $this->load->view("enReady"); ?>
    }); //fin $(document).ready(function(){
    function imprimir(visitaId){
        if(visitaId != ""){
            document.getElementById("visitaId").value = visitaId;
            $('#divObservacion').dialog('open');
        }
    } //fin function apruebaAvaluo(avaluoId){
    function fnValida(){
        if(fnValidaCampos("form","frmImprimir")){
            $("#frmImprimir").trigger("submit");
        }else{
            alert("Diligencie los campos en rojo");
        }
    } //fin function fnValida(){
<?php $this->load->view("funcionesJs"); ?>
    function cambioProyecto(){
        $.post("<?php echo site_url("avaluos/avaluoProyectos/aprobado"); ?>",{proyecto:this.value},function(data){
            document.getElementById("avaluos").innerHTML = data;
        }); //fin $.post("<?php echo site_url("avaluos/avaluoProyectos"); ?>",{proyecto:this.value},function(data){
    } //fin function cambioProyecto(){
    </script>
    <body>        
        <?php $this->load->view("enBody"); ?>
        <div id="divTitulo">VISITAS - Impresión</div>
        <div>
            <label for="proyectoId" >Proyecto</label>
            <select id="proyectoId" name="proyectoId">
                <option value="">Elija</option>
                <?php
                if ($proyectos->num_rows() > 0)
                    foreach ($proyectos->result() as $proyecto) {
                        echo "<option value='{$proyecto->proyectoId}'>{$proyecto->proyectoSolicitante}</option>";
                    }
                ?>
            </select>
            <label for="avaluos">Avalúos</label>
            <select id="avaluos" name="avaluos" >
                <option value="">Elija</option>
            </select>
        </div>
        <div class="divBotones">
            <button id="btnSubmit" onclick="if(document.getElementById('avaluos').value != ''){$('#tbGrillaTopo').trigger('reloadGrid');}else{alert('Debe elegir un avaluo');}" class="btnDeAccion" >Consultar</button>
        </div>
        <div id="divObservacion" title="Información para la impresión">
            <form id="frmImprimir" method="post" action="<?php echo site_url("impresiones/imprimir"); ?>" target="_new">
                <label for="txtTitulo">Titulo</label>
                <input type="text" id="txtTitulo" name="txtTitulo" />
                <label for="txtSubTitulo">Subtitulo</label>
                <input type="text" id="txtSubTitulo" name="txtSubTitulo" />
                <label for="txtFecPortada">Fecha para portada</label>
                <input type="text" id="txtFecPortada" name="txtFecPortada" />
                <input type="hidden" name="visitaId" id="visitaId" />
                <button type="button" onclick="fnValida();">Generar impresión</button>
            </form>
        </div> <!-- fin divObservacion -->   
        <div id="divPagTopo" class="scroll" style="text-align:center;"></div>
        <table id="tbGrillaTopo" class="scroll" style="font-size: 14px"></table>
    </body>
</html>